<template>
    <ul class="todo-main">
        <!--
            把 todos 列表中的每一个对象传递给子组件 Item，属性名 thing 可以任意指定，并且必须用 v-bind 绑定 thing，
            这样才能把遍历到的对象传递给子组件
        -->
        <Item v-for="todo in things" :key="todo.id" :thing="todo"></Item>
    </ul>
</template>

<script>
    import Item from "@/components/Item";

    export default {
        name: "List",
        components:{Item},
        props: ['things']
    }
</script>